<script src="../Content/application/encapsulated/partials/sliderGeneric/sliderGeneric.js"></script>
<link rel="stylesheet" type="text/css" href="../Content/application/encapsulated/common/css/aptCommon.css" />
<link rel="stylesheet" type="text/css" href="../Content/application/encapsulated/partials/sliderGeneric/sliderGeneric.css" onload="initSlider();"/> 

<!-- all uppercase words in the file must be replaced --> 

<div class="sliderPartialInput" id="Input">
    <h2 id="SLIDERNAME-ID"></h2>
    <div id="TABLE-ID"></div>
    <form class="sliderPartialInputForm">
        <input type="range" id="SLIDER-ID" class=" aptPartialSlider"></input>
    </form>
</div>
<div id = "RANGECONTROLS-ID">
    <span class = 'emosbutton aptStandardButton addAndMinusButton' id = 'MINUSBUTTON-ID'>-</span>
    <span id="ACTVALUE-ID" class=" fieldValueSize standardFontSize"></span>
    <!--if unit is needed: <span id="UNIT-ID" class="fieldValueSizeUnit standardFontSize "></span> -->
    <span class = 'emosbutton aptStandardButton addAndMinusButton' id = 'PLUSBUTTON-ID'>+</span>
</div>
<div id="EDITFIELD-ID" class="hide">
    <table class="numpad rangeNumpad" id="">
        <tbody>
            <tr>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(7)">7</a></td>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(8)">8</a></td>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(9)">9</a></td>
            </tr>
            <tr>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(4)">4</a></td>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(5)">5</a></td>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(6)">6</a></td>
            </tr>
            <tr>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(1)">1</a></td>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(2)">2</a></td>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(3)">3</a></td>
            </tr>
            <tr>
                <td><a id="NUMPADCLEAR-ID" data-role="button" data-theme="e" class="clear emosbutton ">C</a></td>
                <td><a data-role="button" data-theme="b" class="nummer emosbutton identifierClass sliderNumpad" onclick="inputNumber(0)">0</a></td>
                <td><a id="NUMPADDOT-ID" data-role="button" data-theme="e" class="nummer emosbutton ">.</a></td>
            </tr>
            <tr>
                <td><a id="NUMPADACCEPT-ID" data-role="button" data-theme="e" class="emosbutton aptsavebutton"></a></td>
                <td><a id="NUMPADCANCEL-ID" data-role="button" data-theme="e" class="emosbutton aptcancelbutton"></a></td>
            </tr>
        </tbody>
    </table>

    
</div>